@import "../../styles/default";

.erayt-mask{
  position:fixed;
  top: 0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  background: #333;
  opacity: .41;
  z-index:1200;
}
@keyframes popup-animation {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.erayt-popup{
  position:fixed;
  animation: popup-animation .3s ease-out;
  left:0;
  right:0;
  margin:auto;
  display: inline-block;
  background: #FFFFFF;
  z-index:1222;
  &.top{
    top: 0;
  }
  &.bottom{
    bottom:0;
  }
  &.center {
    top:0;
    bottom:0;
  }
  .close-btn{
    font-size:pxToRem(16);
    margin-right:pxToRem(12);
  }
}
.xue-popup-content{

}
